<?php echo $this->load->view("cabeceraInterior"); ?>

	<div id="Content">
		<div id="SidebarHome">
			<div id="BuscadorSidebar">
				<?php echo $this->load->view("buscadores/buscador_principal", $datos_para_buscador_simple); ?>
			</div>
		</div>

		<div id="ContenidoHome">
		
		

<script type="text/javascript">

$(function(){
    var images = $("#fotos a");
    images.lightBox({
            //overlayBgColor: '#FFF',
            //overlayOpacity: 0.6,
            imageLoading:  "<?php echo base_url() . "imagenes/lightbox/lightbox-ico-loading.gif" ?>",
            imageBtnClose: "<?php echo base_url() . "imagenes/lightbox/lightbox-btn-close.gif" ?>",
            imageBtnPrev:  "<?php echo base_url() . "imagenes/lightbox/lightbox-btn-prev.gif" ?>",
            imageBtnNext:  "<?php echo base_url() . "imagenes/lightbox/lightbox-btn-next.gif" ?>",
            containerResizeSpeed: 350,
            txtImage: 'Imagen',
            txtOf: 'de',
            fixedNavigation: true
    });
    $('#result').load('ajax/test.html');


    /***
    ** Contactar a Ejecutivo
    ***/
    $( "#dialog:ui-dialog" ).dialog( "destroy" );

    var name =  $( "#name" ),email = $( "#email" ),telefono = $( "#telefono" ),mensaje = $( "#mensaje" ),id_propiedad = $( "#id_propiedad" ),
                allFields = $( [] ).add( name ).add( email ).add( telefono ).add( mensaje ).add( id_propiedad ),
                tips = $( ".validateTips" );
    
    function updateTips( t ) {
        tips
            .text( t )
            .addClass( "ui-state-highlight" );
            setTimeout(function() {
                tips.removeClass( "ui-state-highlight", 1500 );
            }, 500 );
    }

    function checkLength( o, n, min, max ) {
    
        if ( o.val().length > max || o.val().length < min ) {
                o.addClass( "ui-state-error" );
                updateTips( "El largo de " + n + " debe ser entre " +
                        min + " y " + max + " caracteres." );
                return false;
        } else {
                return true;
        }
    }

    function checkRegexp( o, regexp, n ) {
    
        if ( !( regexp.test( o.val() ) ) ) {
                o.addClass( "ui-state-error" );
                updateTips( n );
                return false;
        } else {
                return true;
        }
    }
    
    $("#contactar_ejecutivo").dialog({
			autoOpen: false,
			modal: true,
			buttons: {
                    "Contactar a ejecutivo": function() {
                        var bValid = true;
                        allFields.removeClass( "ui-state-error" );
                        /* VALIDACIONES DEL FORMULARIO DE CORREO */
                        bValid = bValid && checkLength( name,     "Nombre",   3, 20 );
                        //bValid = bValid && checkRegexp( name, /^[a-z]([0-9a-z_])+$/i,"Nombre debe contener solo caracteres alfanumericos" );

                        bValid = bValid && checkLength( email,    "Email",    6, 60 );
                        bValid = bValid && checkRegexp( email, /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i,
                                                               "Email erroneo, ej. info@info.cl" );

                        bValid = bValid && checkLength( telefono, "Telefono", 6, 15 );
                        bValid = bValid && checkRegexp( telefono, /^([0-9])+$/, "Telefono debe contener solo numeros" );

                        bValid = bValid && checkLength( mensaje,  "Mensaje",  5, 60 );

                        if ( bValid ) {

                               var url = "<?php echo base_url() . index_page() ?>/envio_email/contacto_ejecutivo/";
                               
                                $.ajax(url,  {
                                        type: "POST",
                                        data: ( { name: $("#name").val(),
                                             email:$("#email").val(),
                                             telefono:$("#telefono").val(),
                                             mensaje:$("#mensaje").val(),
                                             id_propiedad:$("#id_propiedad").val() } ),
                                        global: false,
                                        dataType: "html",
                                        async:false,
                                        success : function(data, textStatus, jqXHR) {
                                                //alert("data: " + data);
                                                //alert("textStatus: " + textStatus);
                                                //alert("jqXHR: " + jqXHR);
                                                alert(data);
                                        }
                                });


                                $( this ).dialog( "close" );
                        }

                    },
                    Cancel: function() {
                            $( this ).dialog( "close" );
                    }
            },
            close: function() {
                    allFields.val( "" ).removeClass( "ui-state-error" );
            }
    });

    $("#contactar-ejecutivo")
            .button()
            .click(function() {
                    $( "#contactar_ejecutivo" ).dialog("open");
    });

    $("#agregar-seleccion")
            .button()
            .click(function() {
                    $( "#agregar_seleccion" ).dialog("open");
    });



});

</script>

<div id="fotosydetalle">
<div id="fotos">
	<?php if (empty($propiedad["fotos"])): ?>
		<span>no existen imagenes para mostrar</span>
	<?php else: ?>
		<table>
		<?php $fotos = $propiedad["fotos"]; ?>
		<?php for ($i = 0; $i < count($fotos); $i++): ?>
			<?php $foto = $fotos[$i]; ?>

			<?php if (($i % 3) == 0): ?>
				<tr>
			<?php endif; ?>
					<td>
						<?php 
							$atts = array(
								"class" => "lightbox"
							);

                            /* Remplazo el texto thumb por '' que no se porque lo carga en la carpeta de imagenes xD */
                            $thumb = str_replace('.', '_thumb.', $foto["thumb"]);
                            
							$img_atts = array(
								"src" => "imagenes/propiedades/" .$thumb ,
								"width" => 110
							);
							echo anchor(
								base_url() . "imagenes/propiedades/" . $foto["nombre"],
								img($img_atts),
								$atts
								)?>
					</td>
			<?php if ((($i + 1 ) % 3) == 0): ?>
				</tr>
			<?php endif; ?>
		<?php endfor; ?>
		</table>
	<?php endif; ?>
</div>

<div id="infoDetalle">
	<h5>Información general:</h5>
	<?php echo $propiedad["descripcion"] ?>
</div>

</div>

<div id="mensajeContactarEjecutivo"></div>

<div id="caracteristicasDetalle">
	<div class="Head">
	</div>
	
	<div class="Body">
		<h3><?php echo $propiedad["referencia"] ?></h3>
		
		<!--div class="Disponibilidad">< ?php echo $propiedad["tasacion"]["disponibilidad"] ?> </div-->
		<table>
			<tr> <td><b>Comuna:</b></td> <td><?php echo $propiedad["comuna"]; ?></td> </tr>
			<tr> <td><b>Operaci&oacute;n: </b></td> <td>&nbsp;<?php echo $propiedad["tasacion"]["tipo_tasacion"] ?></td> </tr>	
		</table>
		<br />
		<table>		
			<tr> <td><b>Valor Pesos: $</b></td> <td>
					<?php
						$cantidad = $propiedad["tasacion"]["precio"];
						$tipo_moneda = $propiedad["tasacion"]["unidad"];
						$valor = conversion_monetaria($cantidad, $tipo_moneda);
						echo number_format($valor, 0, '.', '.');
					?>
					.-</td> </tr>
			<tr> <td><b>Valor UF: </b></td> <td>
					<?php
						$cantidad = $propiedad["tasacion"]["precio"];
                        $valorPeso = conversion_monetaria($cantidad, $propiedad["tasacion"]["unidad"]);
						$valorUf = conversion_pesos_a_dolares_y_ufs($valorPeso, 'UF');
						echo number_format($valorUf, 2, ',', '.');
                        //echo $valorUf;
					?>
					.-</td> </tr>
			<tr> <td><b>Valor Dolar: </b></td> <td>
					<?php
						$cantidad = $propiedad["tasacion"]["precio"];
                        $valorPeso = conversion_monetaria($cantidad, $propiedad["tasacion"]["unidad"]);
						$valorDolar = conversion_pesos_a_dolares_y_ufs($valorPeso, 'DOLAR');
						echo number_format($valorDolar, 0, '.', '.');
					?>
					.-</td> </tr>

		</table>
		<br />
		<table>
			<tr> <td><b>Inmueble:</b></td> <td><?php echo $propiedad["tipo_propiedad"] ?></td> </tr>
			<tr> <td><b>Estilo:</b></td> <td><?php echo $propiedad["tipo"] ?></td> </tr>
			<tr> <td><b>Dormitorios:</b></td> <td><?php echo $propiedad["dormitorios"] ?></td> </tr>
			<tr> <td><b>Servicios:</b></td> <td><?php echo $propiedad["servicios"] ?></td> </tr>
			<tr> <td><b>Ba&ntilde;os:</b></td> <td><?php echo $propiedad["banhos"] ?></td> </tr>
		</table>
		<br />
		<table>
			<tr> <td><b>C&oacute;digo:</b></td> <td><?php echo $propiedad["id"] ?></td> </tr>
		</table>
	</div>
	
	<div class="Foot">
	</div>
	
	
<div id="link_contactos">
    <!--li>< ?php echo anchor('envio_email/index_contact_ejecutivo/'.$propiedad["id"], '') ?></li-->
    <button id="contactar-ejecutivo">Contactar a Ejecutivo</button>
    <button id="agregar-seleccion">Agregar a mi Seleccion</button>
	<script type="text/javascript">
                $(function(){
                        $("button#agregar-seleccion").click(function(){
                                var url = "<?php echo base_url() . index_page() . "/mi_seleccion/agregar/" . $propiedad["id"] ?>";

                                //alert("url: " + url);

                                jQuery.ajax(url, {
                                        success : function(data, textStatus, jqXHR) {
                                                //alert("data: " + data);
                                                //alert("textStatus: " + textStatus);
                                                //alert("jqXHR: " + jqXHR);
                                                alert(data);
                                        }
                                });
                        });
                });
        </script>

</div>
	
</div>

</div>
</div>

</div>








<div id="Footer">
<?php echo $this->load->view("footer"); ?>

    
<div id="contactar_ejecutivo" style="height: 550px;width: 650px;" title="Contactar a Ejecutivo">
	<p class="validateTips">Todo los datos del formulario son requeridos.</p>
	<form >
            <input type="hidden" name="id_propiedad" id="id_propiedad" value="<?php echo $propiedad["id"] ?>" />
		<label for="name">Nombre</label>
		<input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all"  />
		<label for="email">Email</label>
		<input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all"  />
		<label for="telefono">Telefono</label>
		<input type="text" name="telefono" id="telefono" value="" class="text ui-widget-content ui-corner-all"  />
                <label for="mensaje">Mensaje</label>
                <textarea name="mensaje" id="mensaje" cols=50 rows=6 class="text ui-widget-content ui-corner-all"></textarea>
	</form>
</div>

    